<template>
    <div pr>
        <div class="mycar1">
            <h1 class="f35 pr">
                <router-link class="img pa cfff" to="/mycar" style="left: 20rem">
                    <i class="el-icon-arrow-left  f40 " ></i>
                    </router-link>添加成功
            </h1>   
            <div class="tc">
                <img class="sucesss-img " src="../../../assets/img/wash-car-img/right-round.png">
                <p class="f12 f35 mt30 " style="color: #333;">添加成功</p>
            </div>
        </div>
        <div class="bottom bcfff  pa w100">
            <button type="button" round class="el-icon-plus f30 cfff  mt15  "  @click="toAddCar">
                <span class="p5">返回添加</span> 
            </button>
        </div>
    </div>
</template>
<script>
export default{
    methods:{
        toAddCar(){
            this.$router.push("addcar")
        }
    }
}
</script>
<style scoped>
.sucesss-img{height: 130rem;width:auto;margin-top: 100rem;}
.mycar1 {
    background-color: #3385fc;
    height: 354rem;
}
h1 {
    display: flex;
    font-weight: 370;
    color: white;
    width: 100%;
    height: 115rem;
    align-items: center;
    justify-content: center;
}
h1+div {
    background-color: white;
    width: 92%;
    margin: 15rem auto;
    border-radius: 15rem;
    height: 574rem;
}
div {
    text-align: center;
}
.bottom {
    height: 100rem;
   top: 47%;
}
.bottom button {
    background-color: #3385fc;
    width: 80%;
    height: 70rem;
    border-radius: 45rem;
    border: none;
}
</style>